<template>
  <div class="wrapper">
    <ul class="content">
      <li>11</li>
      <li>11</li>
      <li>11</li>
      <li>11</li>
      <li>11</li>
      <li>11</li>
      <li>11</li>
      <li>11</li>
      <li>11</li>
      <li>11</li>
      <li>11</li>
      <li>11</li>
      <li>11</li>
      <li>11</li>
      <li>11</li>
      <li>11</li>
      <li>11</li>
      <li>11</li>
      <li>11</li>
      <li>11</li>
      <li>11</li>
      <li>11</li>
      <li>11</li>
      <li>11</li>
      <li>11</li>
      <li>11</li>
      <li>11</li>
      <li>11</li>
      <li>11</li>
      <li>11</li>
      <li>11</li>
      <li>11</li>
      <li>11</li>
      <li>11</li>
      <li>11</li>
      <li>11</li>
      <li>11</li>
      <li>11</li>
      <li>11</li>
      <li>11</li>
      <li>121</li>
      <li>12221</li>
      <li>122221</li>
      <li>122221</li>
    </ul>
  </div>

</template>

<script>
  import BScroll from 'better-scroll'
    export default {
        name: "CateGory",
      components:{

      },
      data(){
          return {
            scroll: null
          }
      },
      created() {
        // this.scroll=new BScroll(document.querySelector('wrapper'),{
        //
        //   })
      },
      mounted() {
        this.scroll=new BScroll(document.querySelector('.wrapper'),{
          probeType:3,
          pullUpLoad:true,
          click:true
        })
        this.scroll.on('scroll',(position)=>{
          console.log(position);
        })
        this.scroll.on('pullingup',()=>{
          console.log('上啦加载更多');
        })
      },
      methods:{

      }
    }
</script>

<style scoped>
  .wrapper{
    height: 150px;
    background-color: red;
    overflow: hidden;
    /*overflow-y: scroll;*/
  }

</style>
